Fox's Git Mirrors
test.html HEAD (687fd76b) Text, 2.24 KB
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
<style>
h1 {
font-size: 50px;
}
h2 {
font-size: 40px;
opacity: 0;
}
#id01 {
display: block;
}
a {
opacity: 0;
}
</style>
<body>
<div class="w3-container">
<div id="id01" class="w3-modal">
<div class="w3-modal-content">
<header class="w3-container w3-teal">
<span onclick="document.getElementById('id01').style.display='none'"
class="w3-button w3-display-topright">×</span>
<h1 class="w3-animate-top">RobotEditor</h1>
</header>
<div class="w3-container">
<h2 id="h31">The smartest </h2>
<h2 id="h32">Editor for the </h2>
<h2 id="h33">"Robot" interpreter!</h2>
</div>
<footer class="w3-container w3-teal">
<a onclick="document.getElementById('id01').style.display='none'" id="a2">Go!</a>
</footer>
</div>
</div>
</div>
<script>
setTimeout(function () {
document.getElementById("h31").className = "w3-animate-left";
document.getElementById("h31").style = "opacity:1; font-family: 'Droid Serif', serif;";
}, 500);
setTimeout(function () {
document.getElementById("h32").className = "w3-animate-right";
document.getElementById("h32").style = "opacity:1; font-family: 'Droid Serif', serif;";
}, 1000);
setTimeout(function () {
document.getElementById("h33").className = "w3-animate-bottom";
document.getElementById("h33").style = "opacity:1; font-family: 'Droid Serif', serif;";
document.getElementById("h33").style = "opacity:1; font-family: 'Droid Serif', serif;";
}, 1500);
setTimeout(function () {
document.getElementById("a2").className = "w3-animate-opacity w3-button w3-black w3-margin w3-padding";
document.getElementById("a2").style = "opacity:1;";
}, 2000);
</script>
</body>
</html>
Served by rngit 1.4.1 - Generated in 0.07s